<!--%import("popup.js")-->
<!--%import("popup.css")-->
<!--%import("../lang")-->
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
<form action="./" method="get" onSubmit="return false" id="fo">

    <div class="table">
        <table width="100%" border="1" cellspacing="0">
        <col width="100" />
        <col />
        <tr>
            <th scope="row">{$lang->image_url}</th>
            <td><input type="text" id="image_url" value="{url_decode($manual_url)}" /></td>
        </tr>
        <tr>
            <th scope="row">{$lang->image_scale}</th>
            <td>
                <ul>
                    <li><input type="text" id="width" value="0" size="4" />px </li>
                    <li><input type="text" id="height" value="0" size="4" />px </li>
                    <li><button type="button" id="get_scale">{$lang->cmd_get_scale}</button></li>
                </ul>
            </td>
        </tr>
        <tr>
            <th scope="row">URL</th>
            <td><input type="text" id="link_url" value=""/></td>
        </tr>
        <tr>
            <th scope="row">{$lang->urllink_open_window}</th>
            <td><input type="checkbox" id="open_window" value="Y" /> {$lang->about_url_link_open_window}</td>
        </tr>
        <tr>
            <th scope="row">{$lang->image_alt}</th>
            <td><input type="text" id="image_alt" value=""/></td>
        </tr>
        <tr>
            <th scope="row">{$lang->image_align}</th>
            <td>
                <div class="image_align">
                    <input type="radio" name="align" value="" id="align_normal" checked="checked"/>
                    <label for="align_normal">
                        <img src="./images/align_normal.gif" alt="{$lang->image_align_normal}" />
                        {$lang->image_align_normal}
                    </label>
                </div>

                <div class="image_align">
                    <input type="radio" name="align" value="left" id="align_left" />
                    <label for="align_left">
                        <img src="./images/align_left.gif" alt="{$lang->image_align_left}" />
                        {$lang->image_align_left}
                    </label>
                </div>

                <div class="image_align">
                    <input type="radio" name="align" value="middle" id="align_middle" />
                    <label for="align_middle">
                        <img src="./images/align_middle.gif" alt="{$lang->image_align_middle}" />
                        {$lang->image_align_middle}
                    </label>
                </div>

                <div class="image_align">
                    <input type="radio" name="align" value="right" id="align_right" />
                    <label for="align_right">
                        <img src="./images/align_right.gif" alt="{$lang->image_align_right}" />
                        {$lang->image_align_right}
                    </label>
                </div>
            </td>
        </tr>
        <tr>
            <th scope="row">{$lang->image_border}</th>
            <td><input type="text" id="image_border" value="0" size="2" />px</td>
        </tr>
        <tr>
            <th scope="row">{$lang->image_margin}</th>
            <td><input type="text" id="image_margin" value="0" size="2" />px</td>
        </tr>
        </table>
    </div>
    <div class="btnArea">
        <span class="btn"><button type="button" id="btn_insert">{$lang->cmd_insert}</button></span>
        <span class="btn"><a href="./?module=editor&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank" onclick="window.open('this.href','ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
    </div>

</form>
